<!DOCTYPE html>
<!-- saved from url=(0047)http://demo.lanrenzhijia.com/demo/48/4804/demo/ -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>html5 svg玫瑰花盛开动画特效</title>

<style>
div{
 margin: 0 auto;
}

body {
    background-color: black;
}

#svg{
  background-color: darkseagreen;
  background: radial-gradient(darkseagreen 0%, black 70%);
  width: 500px;
}
</style>

</head>

<body><script >
document.writeln("<style type=\"text/css\">");
document.writeln(".schmenu{height:33px; line-height:33px; background:#636871; width:100%; margin:0 auto; overflow:hidden;}");
document.writeln(".schmenu ul{width:1180px; margin:0 auto; overflow:hidden;}");
document.writeln(".schmenu ul li{float:left;list-style:none;}");
document.writeln(".schmenu ul li a{height:33px; line-height:33px; display:block;color:#fff; font-size: 13px; padding: 0 10px;text-decoration: none;}");
document.writeln(".schmenu ul li a:hover{color:#fff; background:#000; text-decoration:none;-moz-transition:all 0.2s ease;-webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transition:all 0.2s ease;}");
document.writeln("<\/style>");

</script>

<style type="text/css">
.schmenu{height:33px; line-height:33px; background:#636871; width:100%; margin:0 auto; overflow:hidden;}
.schmenu ul{width:1180px; margin:0 auto; overflow:hidden;}
.schmenu ul li{float:left;list-style:none;}
.schmenu ul li a{height:33px; line-height:33px; display:block;color:#fff; font-size: 13px; padding: 0 10px;text-decoration: none;}
.schmenu ul li a:hover{color:#fff; background:#000; text-decoration:none;-moz-transition:all 0.2s ease;-webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transition:all 0.2s ease;}
</style>

<center>
<div>
<!--?xml version="1.0" encoding="utf-8"?-->
<svg id="svg" width="400px" viewBox="0 0 188 264" xmlns="http://www.w3.org/2000/svg">
 <defs>
    <radialgradient id="gradient-0" gradientUnits="userSpaceOnUse" cx="-107.308" cy="104.329" r="59.181" gradientTransform="matrix(0.261752, 0.411262, -0.686293, 0.596934, 160.094667, 49.38985)">
      <stop offset="0" style="stop-color: rgb(255, 0, 0);"></stop>
      <stop offset="1" style="stop-color: rgb(141, 41, 41);"></stop>
    </radialgradient>
    <radialgradient id="gradient-1" gradientUnits="userSpaceOnUse" cx="113.342" cy="62.644" r="53.882" gradientTransform="matrix(-0.169507, 1.182475, -0.714039, -0.308382, 160.212434, -46.522622)">
      <stop offset="0" style="stop-color: rgb(255, 0, 0);"></stop>
      <stop offset="1" style="stop-color: rgb(141, 41, 41);"></stop>
    </radialgradient>
    <radialgradient id="gradient-4" gradientUnits="userSpaceOnUse" cx="127.727" cy="116.674" r="45.581" gradientTransform="matrix(-0.468422, -1.651974, 0.962071, -0.272798, 74.446964, 391.898588)">
      <stop offset="0" style="stop-color: rgb(255, 0, 0);"></stop>
      <stop offset="1" style="stop-color: rgb(141, 41, 41);"></stop>
    </radialgradient>
    <radialgradient id="gradient-6" gradientUnits="userSpaceOnUse" cx="43.926" cy="85.895" r="44.319" gradientTransform="matrix(1.145876, -0.154456, 0.133585, 0.991037, 18.521778, 10.448842)">
      <stop offset="0" style="stop-color: rgb(56, 16, 16);"></stop>
      <stop offset="1" style="stop-color: rgb(255, 0, 0);"></stop>
    </radialgradient>
    <radialgradient id="gradient-7" gradientUnits="userSpaceOnUse" cx="70.257" cy="63.907" r="38.537" gradientTransform="matrix(-0.480251, 0.463812, -0.694689, -0.719311, 216.251059, 74.926092)">
      <stop offset="0" style="stop-color: rgb(255, 0, 0);"></stop>
      <stop offset="1" style="stop-color: rgb(141, 41, 41);"></stop>
    </radialgradient>
    <radialgradient id="gradient-8" gradientUnits="userSpaceOnUse" cx="99.231" cy="116.778" r="19.209" gradientTransform="matrix(0.18829, -1.009689, 0.983052, 0.183324, -48.104751, 172.536193)">
      <stop offset="0" style="stop-color: rgb(51, 13, 13);"></stop>
      <stop offset="1" style="stop-color: rgb(255, 0, 0);"></stop>
    </radialgradient>
    <radialgradient id="gradient-9" gradientUnits="userSpaceOnUse" cx="77.314" cy="119.309" r="20.726" gradientTransform="matrix(-1.623871, -1.229366, 0.603596, -0.79729, 122.245012, 298.564429)">
      <stop offset="0" style="stop-color: rgb(115, 42, 42);"></stop>
      <stop offset="1" style="stop-color: rgb(255, 0, 0);"></stop>
    </radialgradient>
    <radialgradient id="gradient-10" gradientUnits="userSpaceOnUse" cx="91.275" cy="115.836" r="34.163">
      <stop offset="0" style="stop-color: rgb(255, 0, 0);"></stop>
      <stop offset="1" style="stop-color: rgb(141, 41, 41);"></stop>
    </radialgradient>
    <radialgradient id="gradient-11" gradientUnits="userSpaceOnUse" cx="87.793" cy="121.847" r="7.864" gradientTransform="matrix(-0.305698, -2.998266, 0.994843, -0.101432, -6.587452, 397.432981)">
      <stop offset="0" style="stop-color: rgb(255, 0, 0);"></stop>
      <stop offset="1" style="stop-color: rgb(95, 30, 30);"></stop>
    </radialgradient>
    <radialgradient id="gradient-12" gradientUnits="userSpaceOnUse" cx="77.806" cy="136.077" r="46.618" gradientTransform="matrix(1.007103, 0, 0, 1.028773, 3.509742, -3.183751)">
      <stop offset="0" style="stop-color: rgb(255, 0, 0);"></stop>
      <stop offset="1" style="stop-color: rgb(141, 41, 41);"></stop>
    </radialgradient>
    <radialgradient id="gradient-13" gradientUnits="userSpaceOnUse" cx="34.864" cy="119.976" r="36.699" gradientTransform="matrix(-0.483999, -0.503131, 0.29077, -1.102951, 30.968876, 262.661348)">
      <stop offset="0" style="stop-color: rgb(67, 88, 0);"></stop>
      <stop offset="1" style="stop-color: rgb(173, 183, 141);"></stop>
    </radialgradient>
    <radialgradient id="gradient-14" gradientUnits="userSpaceOnUse" cx="41.572" cy="155.958" r="37.322" gradientTransform="matrix(0.598359, 0, -0.729427, 1.012048, 147.786285, -2.069081)">
      <stop offset="0" style="stop-color: rgb(64, 78, 18);"></stop>
      <stop offset="1" style="stop-color: #758d29"></stop>
    </radialgradient>
    <radialgradient id="gradient-15" gradientUnits="userSpaceOnUse" cx="107.613" cy="177.189" r="41.15" gradientTransform="matrix(0.722745, 0, 0, 0.553521, 18.427466, 66.94198)">
      <stop offset="0" style="stop-color: rgb(99, 121, 28);"></stop>
      <stop offset="1" style="stop-color: rgb(62, 76, 14);"></stop>
    </radialgradient>
    <lineargradient id="gradient-16" gradientUnits="userSpaceOnUse" x1="79.232" y1="148.661" x2="79.232" y2="267.785" gradientTransform="matrix(0.025831, -0.999666, 0.153237, 0.00396, 43.953685, 274.434674)">
      <stop offset="0" style="stop-color: #bada55"></stop>
      <stop offset="1" style="stop-color: rgb(59, 72, 14);"></stop>
    </lineargradient>
    <radialgradient id="gradient-2" gradientUnits="userSpaceOnUse" cx="33.089" cy="83.922" r="27.475" gradientTransform="matrix(0.758528, 1.916342, -0.693287, 0.585241, 83.304087, -39.360742)">
      <stop offset="0" style="stop-color: rgb(255, 0, 0);"></stop>
      <stop offset="1" style="stop-color: rgb(141, 41, 41);"></stop>
    </radialgradient>
  </defs>
  <path d="M 70.0077 159.571 C 69.3737 190.375 71.7817 224.982 77.2327 263.392 C 77.8557 267.785 90.5437 263.392 90.5437 263.392 C 89.0107 264.35 77.8617 187.678 84.8387 161.093 C 87.1147 152.419 73.9927 148.661 70.0077 159.571 Z" style="stroke: rgba(0, 0, 0, 0); fill: url(#gradient-16);"><animate repeats="1" id="animate0" begin="indefinite" fill="freeze" calcMode="spline" keySplines="0 .06 0 .97" keyTimes="0;1" attributeName="d" dur="12000ms" to="M 69.281 159.571 C 68.647 190.375 71.055 224.982 76.506 263.392 C 77.129 267.785 89.817 263.392 89.817 263.392 C 88.284 264.35 77.135 187.678 84.112 161.093 C 86.388 152.419 73.266 148.661 69.281 159.571 Z"></animate> </path>
  <path d="M 34.4148 124.676 C 31.8604 122.648 27.9181 118.672 25.7321 116.415 C 24.7598 115.41 24.786 115.11 24.1342 114.746 C 18.1215 111.378 4.28068 110.773 4.28068 110.773 C 4.28068 110.773 16.4247 105.517 22.7164 106.006 C 31.2993 106.673 39.7591 110.834 46.8235 116.334 C 57.5497 124.686 72.703 149.303 72.703 149.303 C 72.703 149.303 46.4236 134.207 34.4148 124.676 Z" style="stroke: rgba(0, 0, 0, 0); fill: url(#gradient-13);"><animate repeats="1" id="animate1" begin="indefinite" fill="freeze" calcMode="spline" keySplines="0 .06 0 .97" keyTimes="0;1" attributeName="d" dur="12000ms" to="M 31.631 125.725 C 28.891 123.784 24.662 119.977 22.317 117.816 C 21.274 116.854 21.302 116.567 20.603 116.218 C 14.153 112.994 -0.694 112.415 -0.694 112.415 C -0.694 112.415 12.333 107.383 19.082 107.851 C 28.289 108.489 37.364 112.473 44.942 117.739 C 56.448 125.735 72.703 149.303 72.703 149.303 C 72.703 149.303 44.513 134.85 31.631 125.725 Z"></animate> </path>
  <path d="M 144.617 200.024 L 122.949 182.202 C 118.891 174.948 122.709 165.869 111.754 159.838 C 103.163 155.108 66.464 149.933 82.1394 158.44 C 101.486 168.939 86.9522 183.412 144.617 200.024 Z" style="stroke: rgba(0, 0, 0, 0); fill: url(#gradient-15);"><animate repeats="1" id="animate2" begin="indefinite" fill="freeze" calcMode="spline" keySplines="0 .06 0 .97" keyTimes="0;1" attributeName="d" dur="12000ms" to="M 148.763 204.446 L 125.945 185.051 C 121.672 177.156 125.693 167.276 114.156 160.712 C 105.11 155.565 66.464 149.933 82.971 159.191 C 103.344 170.617 88.039 186.367 148.763 204.446 Z"></animate> </path>
  <path d="M 89.1653 160.958 C 87.9573 157.96 90.921 155.595 93.141 153.247 C 98.208 147.888 104.702 145.299 110.601 140.872 C 117.054 136.03 122.49 130.232 125.711 124.104 C 129.853 114.815 141.89 94.5798 142.723 94.6839 C 142.723 94.6839 151.925 91.6269 157.14 93.2319 C 161.987 94.7229 169.1 96.4646 170.554 101.323 C 171.52 104.55 169.653 108.598 167.131 110.83 C 164.989 112.725 160.549 110.497 158.765 112.732 C 157.816 113.921 159.253 115.564 158.212 116.673 C 156.821 118.154 152.68 117.676 152.68 117.676 C 152.68 117.676 149.041 131.096 143.793 138.871 C 139.796 144.353 134.349 145.547 128.372 149.622 C 122.907 152.576 118.039 152.246 111.015 156.81 C 106.881 158.628 103.485 163.21 98.7759 163.344 C 95.5279 163.436 90.3793 163.972 89.1653 160.958 Z" style="fill: url(#gradient-4); stroke: rgba(255, 0, 0, 0);"><animate repeats="1" id="animate3" begin="indefinite" fill="freeze" calcMode="spline" keySplines="0 .06 0 .97" keyTimes="0;1" attributeName="d" dur="12000ms" to="M 88.958 161.994 C 87.75 158.996 90.921 155.595 93.141 153.247 C 98.208 147.888 106.637 147.026 112.536 142.599 C 118.989 137.757 124.478 131.678 129.649 125.486 C 137.065 116.606 149.425 96.964 149.425 96.964 C 149.425 96.964 160.562 94.598 165.777 96.203 C 170.624 97.694 176.493 100.472 177.947 105.33 C 178.913 108.557 177.046 112.605 174.524 114.837 C 172.382 116.732 167.942 114.504 166.158 116.739 C 165.209 117.928 167.199 120.193 166.158 121.302 C 164.767 122.783 160.073 121.683 160.073 121.683 C 160.073 121.683 155.121 139.733 149.044 146.402 C 144.342 151.562 137.389 154.391 130.79 156.67 C 124.486 158.847 117.417 157.843 111.015 159.712 C 106.493 161.032 102.794 165.283 98.085 165.417 C 94.837 165.509 90.172 165.008 88.958 161.994 Z"></animate> </path>
  <path d="M 48.0731 123.89 C 44.6611 120.213 39.4939 118.748 36.2863 114.211 C 33.6949 110.804 33.8452 105.123 31.6805 101.351 C 29.585 97.7014 26.5643 94.76 24.4562 91.118 C 21.6566 86.281 19.805 82.0763 17.4699 76.4933 C 16.1131 71.754 15.7358 68.0115 17.8957 63.2505 C 21.6619 54.9485 29.6515 49.428 37.2592 44.649 C 40.196 42.804 43.8162 42.4596 47.3957 41.5726 C 48.7209 41.2436 48.3196 38.4259 48.3196 38.4259 C 48.3196 38.4259 49.3282 36.6304 52.9009 37.7684 C 52.9009 37.7684 55.7462 30.8488 59.4278 28.3288 C 63.3647 25.6348 68.076 25.576 72.4637 27.395 C 81.0978 30.974 88.4862 47.0683 88.4862 47.0683 C 129.76 91.6652 101.579 180.991 48.0731 123.89 Z" style="fill: url(#gradient-0); stroke: rgba(255, 0, 0, 0);"><animate repeats="1" id="animate4" begin="indefinite" fill="freeze" calcMode="spline" keySplines="0 .06 0 .97" keyTimes="0;1" attributeName="d" dur="12000ms" to="M 44.942 120.781 C 41.293 117.204 34.996 117.021 31.631 113.175 C 28.748 109.88 28.911 104.778 26.688 101.006 C 24.536 97.356 20.866 94.76 18.701 91.118 C 15.826 86.281 12.931 81.109 12.236 75.526 C 11.587 70.314 12.3 64.695 14.518 59.934 C 18.386 51.632 24.959 44.177 32.772 39.398 C 35.788 37.553 39.364 37.623 43.04 36.736 C 44.401 36.407 43.421 32.553 43.421 32.553 C 43.421 32.553 44.315 31.034 47.984 32.172 C 47.984 32.172 51.048 22.903 54.829 20.383 C 58.872 17.689 64.775 16.663 69.281 18.482 C 78.148 22.061 87.155 40.919 87.155 40.919 C 129.95 85.497 103.042 177.736 44.942 120.781 Z"></animate> </path>
  <path d="M 73.0007 57.0081 L 85.5552 46.6796 C 85.6867 46.1449 102.931 38.5544 109.551 45.9691 C 111.704 47.4864 114.072 51.4805 114.072 51.4805 C 114.072 51.4805 120.459 50.5493 123.282 51.7614 C 129.672 54.5061 135.801 57.0249 139.439 63.2103 C 145.399 73.3413 145.432 85.8256 143.63 97.4553 C 142.333 105.828 138.312 113.405 133.649 120.269 C 129.818 125.908 121.364 137.194 121.364 137.194 C 79.9695 185.298 47.2218 86.9651 73.0007 57.0081 Z" style="fill: url(#gradient-1); stroke: rgba(255, 0, 0, 0);" transform="matrix(0.99135, 0.131244, -0.131244, 0.99135, 15.956242, -10.615298)"><animate repeats="1" id="animate5" begin="indefinite" fill="freeze" calcMode="spline" keySplines="0 .06 0 .97" keyTimes="0;1" attributeName="d" dur="12000ms" to="M 73.464 53.849 L 87.535 41.68 C 87.535 41.68 105.977 36.949 113.775 40.919 C 116.376 42.243 118.719 48.145 118.719 48.145 C 118.719 48.145 125.275 48.072 128.227 49.286 C 134.91 52.035 141.618 56.401 145.34 62.596 C 151.436 72.743 153.533 85.935 151.425 97.583 C 149.908 105.969 143.531 112.765 138.495 119.64 C 134.358 125.288 124.424 135.233 124.424 135.233 C 79.951 183.412 45.768 83.853 73.464 53.849 Z"></animate> </path>
  <path d="M 60.1593 140.107 C 60.1593 140.107 49.3093 142.553 44.0425 144.681 C 39.3416 146.58 34.5209 148.635 30.3938 151.923 C 26.356 155.139 24.4801 161.409 20.0173 163.738 C 16.5364 165.554 8.98777 164.499 8.98777 164.499 C 32.591 171.741 53.979 169.073 73.1517 156.496 C 79.822 152.119 75.4913 146.656 60.1593 140.107 Z" style="stroke: rgba(0, 0, 0, 0); fill: url(#gradient-14);"><animate repeats="1" id="animate6" begin="indefinite" fill="freeze" calcMode="spline" keySplines="0 .06 0 .97" keyTimes="0;1" attributeName="d" dur="12000ms" to="M 55.97 140.176 C 55.97 140.176 44.615 142.617 39.237 144.74 C 34.437 146.635 29.53 148.686 25.547 151.966 C 21.65 155.175 20.521 161.432 16.039 163.755 C 12.543 165.567 4.25 164.515 4.25 164.515 C 30.744 171.741 53.435 169.079 72.323 156.529 C 78.894 152.162 73.443 146.711 55.97 140.176 Z"></animate> </path>
  <path d="M 110.941 129.112 C 126.289 99.1089 127.298 46.5482 98.0122 63.7015 C 68.9589 80.9917 54.1492 179.459 110.941 129.112 Z" style="stroke: rgba(0, 0, 0, 0); fill: url(#gradient-7);"><animate repeats="1" id="animate7" begin="indefinite" fill="freeze" calcMode="spline" keySplines="0 .06 0 .97" keyTimes="0;1" attributeName="d" dur="12000ms" to="M 112.254 128.767 C 132.537 99.358 127.585 45.893 100.845 62.596 C 72.14 80.525 55.462 179.114 112.254 128.767 Z"></animate> </path>
  <path d="M 50.907 122.039 L 50.192 103.489 C 38.3994 69.0374 41.6158 57.0495 59.8403 67.5231 C 80.2643 79.2612 90.032 101.598 89.142 134.532 C 88.7587 148.741 76.0134 144.576 50.907 122.039 Z" style="fill: url(#gradient-2); stroke: rgba(0, 0, 0, 0);"><animate repeats="1" id="animate8" begin="infinite" fill="freeze" calcMode="spline" keySplines="0 .06 0 .97" keyTimes="0;1" attributeName="d" dur="12000ms" to="M 47.239 119.453 L 46.478 100.819 C 33.928 66.212 37.351 54.17 56.746 64.691 C 78.482 76.482 88.877 98.92 87.93 132.003 C 87.522 146.276 73.958 142.092 47.239 119.453 Z"></animate> </path>
  <path d="M 107.243 78.7753 C 95.9508 34.7373 41.1584 62.3287 50.0904 97.1657 C 74.8273 182.434 123.258 132.145 107.243 78.7753 Z" style="stroke: rgba(0, 0, 0, 0); fill: url(#gradient-6);"><animate repeats="1" id="animate9" begin="indefinite" fill="freeze" calcMode="spline" keySplines="0 .06 0 .97" keyTimes="0;1" attributeName="d" dur="12000ms" to="M 108.832 77.808 C 97.54 33.77 37.151 58.943 46.083 93.78 C 73.235 179.557 125.789 131.376 108.832 77.808 Z"></animate> </path>
  <path d="M 72.703 94.161 C 82.337 75.526 90.45 75.906 97.042 95.301 C 102.305 110.787 96.981 126.253 81.07 141.698 Q 63.887 158.377 72.703 94.161 Z" style="fill: url(#gradient-8); stroke: rgba(23, 11, 11, 0);"><animate repeats="1" id="animate10" begin="indefinite" fill="freeze" calcMode="spline" keySplines="0 .06 0 .97" keyTimes="0;1" attributeName="d" dur="12000ms" to="M 72.703 94.161 C 82.337 75.526 90.45 75.906 97.042 95.301 C 102.305 110.787 96.981 126.253 81.07 141.698 Q 63.887 158.377 72.703 94.161 Z"></animate> </path>
  <path d="M 79.929 94.921 C 79.929 110.386 82.718 124.838 88.296 138.275 C 94.391 152.956 95.658 137.111 92.099 90.738 C 92.233 91.34 89.707 99.625 79.929 94.921 Z" style="stroke: rgba(0, 0, 0, 0); fill: url(#gradient-11);"><animate repeats="1" id="animate11" begin="indefinite" fill="freeze" calcMode="spline" keySplines="0 .06 0 .97" keyTimes="0;1" attributeName="d" dur="12000ms" to="M 79.929 94.921 C 79.929 110.386 82.718 124.838 88.296 138.275 C 94.391 152.956 95.658 137.111 92.099 90.738 C 92.233 91.34 89.707 99.625 79.929 94.921 Z"></animate> </path>
  <path d="M 63.1941 84.4803 C 57.1672 88.5359 55.4614 95.5801 58.2846 106.918 C 61.1183 118.318 68.9706 127.924 75.5022 137.308 C 82.3195 147.26 90.148 136.061 94 103.288 C 92.924 104.58 81.5701 101.574 63.1941 84.4803 Z" style="stroke: rgba(0, 0, 0, 0); fill: url(#gradient-9);"><animate repeats="1" id="animate12" begin="indefinite" fill="freeze" calcMode="spline" keySplines="0 .06 0 .97" keyTimes="0;1" attributeName="d" dur="12000ms" to="M 60.914 84.273 C 54.322 88.203 52.547 95.936 55.59 107.471 C 58.634 119.012 64.719 129.28 73.844 138.275 C 83.429 147.724 90.148 136.061 94 103.288 C 92.924 104.58 79.29 101.367 60.914 84.273 Z"></animate> </path>
  <path d="M 57.5592 104.499 C 60.0822 113.078 112.452 100.09 109.905 91.4289 C 119.312 113.642 116.236 133.745 95.0382 139.245 C 78.8072 143.456 65.9599 129.839 57.5592 104.499 Z" style="stroke: rgba(0, 0, 0, 0); fill: url(#gradient-10);"><animate repeats="1" id="animate13" begin="indefinite" fill="freeze" calcMode="spline" keySplines="0 .06 0 .97" keyTimes="0;1" attributeName="d" dur="12000ms" to="M 55.21 105.95 C 57.733 114.529 114.801 99.399 112.254 90.738 C 123.536 115.964 118.212 136.627 97.042 142.078 C 80.803 146.259 65.338 131.428 55.21 105.95 Z"></animate> </path>
  <path d="M 44.0305 113.363 C 51.5524 108.87 64.9388 116.596 63.4728 124.692 C 63.4728 124.692 67.6354 121.226 69.6266 120.452 C 72.149 116.682 78.4161 102.734 86.0814 112.332 C 93.5355 114.466 99.3394 118.18 107.804 119.532 C 110.448 119.954 115.105 123.85 115.105 123.85 C 115.105 123.85 118.264 125.685 120.223 126.8 C 121.607 127.587 121.882 131.788 121.882 131.788 C 121.882 131.788 119.834 135.925 117.938 137.62 C 112.672 142.329 107.317 145.831 101.261 149.462 C 98.9623 150.84 97.9731 153.013 95.5208 154.093 C 92.1354 155.584 88.5439 156.865 84.8582 157.151 C 81.7972 157.388 78.6482 156.931 75.7194 156.005 C 70.791 154.448 66.6561 151.893 62.9163 148.315 C 60.5683 146.068 60.3515 140.549 58.0354 138.269 C 55.6413 135.912 53.2817 134.087 50.5994 131.097 C 46.5466 128.475 38.1512 123.905 38.1512 123.905 C 38.1512 123.905 36.2507 121.056 36.7628 118.831 C 37.7612 115.979 41.4293 114.917 44.0305 113.363 Z" style="stroke: rgba(0, 0, 0, 0); fill: url(#gradient-12);"><animate repeats="1" id="animate14" begin="indefinite" fill="freeze" calcMode="spline" keySplines="0 .06 0 .97" keyTimes="0;1" attributeName="d" dur="12000ms" to="M 39.237 122.683 C 46.749 118.213 62.759 115.009 61.295 123.063 C 61.295 123.063 66.241 120.779 68.9 120.401 C 73.55 119.739 78.314 120.546 82.971 121.162 C 91.45 122.284 99.617 125.191 108.071 126.486 C 110.714 126.891 116.057 127.246 116.057 127.246 C 116.057 127.246 120.185 127.658 122.142 128.767 C 123.524 129.55 124.424 132.951 124.424 132.951 C 124.424 132.951 121.753 137.349 119.86 139.035 C 114.6 143.72 107.654 146.072 101.606 149.684 C 99.31 151.055 97.21 152.793 94.761 153.867 C 91.38 155.35 87.793 156.625 84.112 156.909 C 81.055 157.145 77.91 156.69 74.985 155.769 C 70.063 154.22 65.03 152.103 61.295 148.543 C 58.95 146.308 58.664 142.444 56.351 140.176 C 53.96 137.831 50.7 136.511 47.604 135.233 C 42.743 133.227 32.392 131.049 32.392 131.049 C 32.392 131.049 31.189 128.709 31.631 127.627 C 32.774 124.828 36.639 124.229 39.237 122.683 Z"></animate> </path>
</svg>
</div>

<script >
var svg = document.getElementById('svg');

var animation0 = document.getElementById('animate0'); 
svg.addEventListener('mouseenter', function(){ animation0.beginElement(); });
var animation1 = document.getElementById('animate1'); 
svg.addEventListener('mouseenter', function(){ animation1.beginElement(); });
var animation2 = document.getElementById('animate2'); 
svg.addEventListener('mouseenter', function(){ animation2.beginElement(); });
var animation3 = document.getElementById('animate3'); 
svg.addEventListener('mouseenter', function(){ animation3.beginElement(); });
var animation4 = document.getElementById('animate4'); 
svg.addEventListener('mouseenter', function(){ animation4.beginElement(); });
var animation5 = document.getElementById('animate5'); 
svg.addEventListener('mouseenter', function(){ animation5.beginElement(); });
var animation6 = document.getElementById('animate6'); 
svg.addEventListener('mouseenter', function(){ animation6.beginElement(); });
var animation7 = document.getElementById('animate7'); 
svg.addEventListener('mouseenter', function(){ animation7.beginElement(); });
var animation8 = document.getElementById('animate8'); 
svg.addEventListener('mouseenter', function(){ animation8.beginElement(); });
var animation9 = document.getElementById('animate9'); 
svg.addEventListener('mouseenter', function(){ animation9.beginElement(); });
var animation10 = document.getElementById('animate10'); 
svg.addEventListener('mouseenter', function(){ animation10.beginElement(); });
var animation11 = document.getElementById('animate11'); 
svg.addEventListener('mouseenter', function(){ animation11.beginElement(); });
var animation12 = document.getElementById('animate12'); 
svg.addEventListener('mouseenter', function(){ animation12.beginElement(); });
var animation13 = document.getElementById('animate13'); 
svg.addEventListener('mouseenter', function(){ animation13.beginElement(); });
var animation14 = document.getElementById('animate14'); 
svg.addEventListener('mouseenter', function(){ animation14.beginElement(); });
</script>
</center>



</body></html>